<template>
    <!-- 简单的滑动效果 -->
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="(slide, index) in slides" :key="index">
          <img :src="slide.image" :alt="slide.title">
        </div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination"></div>
      <!-- Add Navigation -->
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
  </template>
  
  <script>
  import { swiper, swiperSlide } from 'vue-awesome-swiper'
  
  export default {
    name: "Carousel",
    components: {
      swiper,
      swiperSlide
    },
    data() {
      return {
        slides: [], 
      }
    },
    //....
  }
  </script>
  